﻿

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>介绍 - vue.js</title>

		<script src="vue.js">
<script type="text/javascript">
<!--


//-->
</script>

    </head>
    <body class="docs">

<div id="app">
  <p>{{ message }}</p>
  <p>{{ b }}</p>
  <anchored-heading :level="1">H1</anchored-heading>
  <anchored-heading :level="2">{{msg}}</anchored-heading>
</div>

    </body>

<script type="text/javascript">
<!--


Vue.component('anchored-heading', {
  render: function (createElement) {
    return createElement(
      'h' + this.level
    )
  },
  props: {
    level: {
      type: Number,
      required: true
    },
	msg: {
		type: String
	}
  }
})


var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!',
	b : ''
  }
})


</script>

</html>
